<template>
  <div id="app">
    <router-view v-slot="props">
      <!-- <transition name="why"> -->
      <keep-alive>
        <component :is="props.Component"></component>
      </keep-alive>
      <!-- </transition> -->
    </router-view>
    <!-- <router-view></router-view> -->
    <tab-bar-menu></tab-bar-menu>
  </div>
</template>

<script lang="js">
import {defineComponent, reactive, ref} from 'vue'
import TabBarMenu from '@/components/tab-bar-menu/tab-bar-menu.vue'
export default defineComponent({
  components: {
    TabBarMenu
  },
  setup() {


    return {

    }

  }
})
</script>

<style scoped lang="less"></style>
